<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<title>业务咨询</title>
		<link rel="stylesheet" href="../css/frozen.css">
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
	</head>

	<body ontouchstart>
	
		<section class="ui-container">
			<section id="tab">
				<div class="demo-item">
					<div class="demo-block">
						<div class="ui-tab">
							<ul class="ui-tab-nav ui-border-b">
								<li class="current">离线咨询</li>
								<li>在线投保</li>

							</ul>
							<ul class="ui-tab-content" style="width:200%">
								<li>
									<div class="ywzx_textarea">
										<textarea placeholder="请输入您的咨询问题，我们会尽快解答您！"></textarea>
									</div>
									<div class="ui-btn-wrap">
										<button class="ui-btn-lg ui-btn-primary">
											提交
										</button>
									</div>

									<div class="ywzx_cjwt">
										<img src="../images/cjwt_tit.png">
									</div>
									
									<div class="ui-form ui-border-t ywzx_ul">
    <form action="#">
        <div class="ui-form-item ui-form-item-link ui-border-b">
            <a href="#">在线理赔流程是什么？</a>
        </div>
        <div class="ui-form-item ui-form-item-link ui-border-b">
            <a href="#">哪些车辆可在网上投保？</a>
        </div>
        <div class="ui-form-item ui-form-item-link ui-border-b">
            <a href="#">老客户网上投保，有便捷通道吗？</a>
        </div>
         <div class="ui-form-item ui-form-item-link ui-border-b">
            <a href="#">网上登记的信息会保密吗？</a>
        </div>
        <div class="ui-form-item ui-form-item-link ui-border-b">
            <a href="#">网上可以提前多长时间购买车险？</a>
        </div>
    </form>
</div>
									
								</li>
								<li>
									<ul class="ui-list ui-list-text ywzx_zxtb">
   
    <li class="ui-border-t">
        <h4 class="ui-nowrap">投诉网站</h4>
        <div class="ui-txt-info"><a>http://www.****.com.cn</a></div>
    </li>
</ul>
								</li>

							</ul>
						</div>
					</div>
					<script class="demo-script">
					</script>
				</div>
			</section>
		</section>

		<script src="../lib/zepto.min.js"></script>
		<script src="../js/frozen.js"></script>
		<script>
			(function() {
				var tab = new fz.Scroll('.ui-tab', {
					role: 'tab',
					autoplay: false,
					interval: 3000
				});
				/* 滑动开始前 */
				tab.on('beforeScrollStart', function(fromIndex, toIndex) {
					console.log(fromIndex, toIndex); // from 为当前页，to 为下一页
				})
			})();
		</script>
	</body>

</html>